<template>
	<view>
		<cu-custom title="发表评价"></cu-custom>
		<view class="m-t-20 b-g-w p-15">
			<view class="on-list m-b-35">
				<view class="f-s-16 m-b-15 f-w-b">整体满意程度：</view>
				<view class="m-b-15"><text class="f-s-18">5</text><text class="fen">分</text>/非常满意</view>
				<yichan-movable-area />
				<view>
					<text class="f-l c-9">完全不满意</text>


					<text class="f-r c-9">完全满意</text>
					<text class="f-r b-j c-9">比较满意</text>
				</view>
			</view>
			<view class="on-list m-b-35">
				<view class="f-s-16 m-b-15 f-w-b">尽责度：</view>
				<view class="m-b-15"><text class="f-s-18">5</text><text class="fen">分</text>/非常满意</view>
				<yichan-movable-area />
				<view>
					<text class="f-l c-9">完全不满意</text>


					<text class="f-r c-9">完全满意</text>
					<text class="f-r b-j c-9">比较满意</text>
				</view>
			</view>
			<view class="on-list m-b-35">
				<view class="f-s-16 m-b-15 f-w-b">专业度：</view>
				<view class="m-b-15"><text class="f-s-18">5</text><text class="fen">分</text>/非常满意</view>
				<yichan-movable-area />
				<view>
					<text class="f-l c-9">完全不满意</text>
			
			
					<text class="f-r c-9">完全满意</text>
					<text class="f-r b-j c-9">比较满意</text>
				</view>
			</view>
			<view class="on-list m-b-35">
				<view class="f-s-16 m-b-15 f-w-b">沟通度：</view>
				<view class="m-b-15"><text class="f-s-18">5</text><text class="fen">分</text>/非常满意</view>
				<yichan-movable-area />
				<view>
					<text class="f-l c-9">完全不满意</text>
			
			
					<text class="f-r c-9">完全满意</text>
					<text class="f-r b-j c-9">比较满意</text>
				</view>
			</view>
			<view class="on-list m-b-35">
				<view class="f-s-16 m-b-15 f-w-b">超出预期度：</view>
				<view class="m-b-15"><text class="f-s-18">5</text><text class="fen">分</text>/非常满意</view>
				<yichan-movable-area />
				<view>
					<text class="f-l c-9">完全不满意</text>
			
			
					<text class="f-r c-9">完全满意</text>
					<text class="f-r b-j c-9">比较满意</text>
				</view>
			</view>
		</view>
	<view class="m-t-10 b-g-w p-15">
	<view class="f-s-16 m-b-15 f-w-b">评价内容</view>
	<textarea placeholder="谈谈你的感受"></textarea>
	</view>
<view class="uni-form-item uni-column in-text b-t-n b-u-c m-15 m-t-30 c-l" style="margin-bottom: 30px;">
			<button> 提交</button>
		</view>
	</view>
</template>

<script>
	import YiChanMovableArea from '@/components/yichan-movable-area/yichan-movable-area.vue';
	export default {
		components: {
			YiChanMovableArea
		},
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style scoped lang="less">
	@import '@/static/css/common.css';

	.fen {
		color: #999;
	}

	.f-s-18 {
		font-size: 25px;
	}

	.b-j {
		margin-right: 15px;
	}

	.c-9 {
		color: #999;
	}
	.l-m-b{ display: flex;
	uni-image{ max-height: 35rpx;max-width: 40rpx; margin-top: 30rpx;}
	}
	.img-s{ height: 35px; width: 35px;}
	.l-m-l{ float: left; padding-left: 35rpx; font-weight: bold;}
	.l-m-r{ float: right; padding-right: 35rpx; height: 98rpx; line-height: 98rpx;  text-align: right; display: ;}
	uni-image>div, uni-image>img{ height: 15rpx !important; width: 15rpx !important;}
	.icon1{ color: #000;}
	.text-3{ border: 1px solid #f8f8f8; padding: 15px;}
	.b-t-n{ border-bottom: none; margin-bottom: 30px;}
	.b-u-c button{ background: #EA3457; color: #fff; border: none; width: 100%; border-radius: 50rpx; }
	.h-80{ height: 80px; line-height: 80px;}
</style>
